<template>
  <div class="pcprofes">
    <!--专业详情-->
    <div class="pre_banner">
    	<div class="pre_dh_pc">
			<div class="logo">
				<img src="../assets/logo.png"/>
			</div>
			<div style="width:30%;"></div>
			<div class="dh_list_pro">
				<ul class="dh_ul">
					 <!--v-for="site in lilist"-->
					 <!-- :class="{dh_ul_li:site.index != dhindex,'dhli':site.index == dhindex}"-->
					<li><router-link :to="{name: 'pcindex'}">首页</router-link></li>
					<li  v-on:click="mouseenover()" >
						<div class="bigData"><span>大数据</span><span  :class="{ down: down, 'top': top}"></span>	
						<div class="bigPanel" v-show="bigDataPanel">		
								<p v-for="data in bigDataList" v-on:click="choseData(data.name,data.index)">{{data.name}}</p>
						</div>
					 </div>	
					</li>
					<li v-on:mouseover="mouseenoverone()"><span>测试测评</span><span  :class="{ down: onedown, 'top': onetop}"></span></li>
					<li v-on:mouseover="mouseenovertwo()"><span>志愿填报</span><span  :class="{ down: towdown, 'top': towtop}"></span></li>
					<li>有问必答</li>
					<li>新闻资讯</li>
				</ul>
			</div>
		</div>
		
		<!--导航-->
		<div class="pro_sear">
     <div class="search_dh_pro">
        <ul>
        	<li><span><router-link :to="{name: 'pcindex'}"> 首页</router-link></span></li>
        	<li><span class="dh_j">></span></li>
        	<li><span><router-link :to="{name: 'pcindex'}">专业大全</router-link></span></li>
        	<li><span class="dh_j">></span></li>
        	<li><span>院校详情</span></li>
        </ul>
     </div>
     </div>
     <!--banner-->
     <div class="pro_back">
     	<img src="../assets/pcpro/pcpro_02.jpg" alt="" />
     	<!--背景层浮动框-->
     	<div class="loating">
     		<div class="loat_top">
     			<span>物理学</span>专业代码005270
     		</div>
     		<div class="loat_content">
     			<div class="loat_center">
     				<div class="loat_one">
     					<ul>
     						<li><span>理学/物理学类</span></li>
     						<li><span>平均薪酬超过51%的专业</span></li>
     					</ul>
     				</div>
     				<div class="loat_one">
     					<ul>
     						<li><span>理学/物理学类</span></li>
     						<li><span>平均薪酬超过51%的专业</span></li>
     					</ul>
     				</div>
     				<!---->
     				<div class="loat_bt">
     					 <ul>
     					 	<li><img src="../assets/pcpro/proc_04.jpg" alt="" /><span>性格测试评选专业</span></li>
     					 	<li><img src="../assets/pcpro/proc_07.jpg" alt="" /><span>关注专业</span></li>
     					 </ul>
     				</div>
     			</div>
     		</div>
     	</div>
     </div>
    </div>
    <!--主要内容-->
    <div class="pro_content">
    	<div class="pro_top">
    		<div class="pro_top_title">
    			<div class="pro_top_center_title">
    			<ul>
    				<li v-for="site in proList" :class="{protop:site.index == proindex,prodow:site.index != proindex}" v-on:click="choseProlist(site.index)">
    					<div class=""></div><img :src="site.src" alt="" /><span>{{site.name}}</span>
    				</li>
    				
    			</ul>
    			</div>
    		</div>
    	</div>
    	<!--专业概况-->
    	<div class="pro_lei">
    	   <div class="pro_k">
    	   	<!--左边-->
    	   	 <div class="pro_k_left">
    	   	 	<!--专业介绍-->
    	   	 	<div class="pro_k_intr">
    	   	 		<div class="pro_k_intr_cont">
    	   	 			<div class="pro_k_top">
    	   	 				<i></i><span>专业介绍</span>
    	   	 			</div>
    	   	 			<div class="pro_k_content">
    	   	 				<div class="pro_artic">
    	   	 					<ul>
    	   	 						<li>
    	   	 							<p>主要实践教学环节</p>
    	   	 							<div>包括生产实习，科研训练，毕业论文等，一般安排10~20周</div>
    	   	 						</li>
    	   	 						<li>
    	   	 							<p>培养目标</p>
    	   	 							<div>本专业培养掌握物理学的基本理论和方法，具有良好的教学基础和实验技能，能再物理学或相关的科学领域中
    	   	 							从事科研、教学、研究的管理工作的我高级人才。</div>
    	   	 						</li>
    	   	 						<li>
    	   	 							<p>毕业生具备的专业知识和能力</p>
    	   	 							<div>1.掌握数学的基本理论和基本方法，具有较高的数学涵养</div>
    	   	 							<div>2.掌握坚实的、系统的物理学基础里路以及较广泛的物理基本知识和基本实验方法，具有一定的基础科学研究能力和应用开发能力。</div>
    	   	 							<div>3.了解相近专业的一般原理和知识。</div>
    	   	 							<div>4.了解物理学发展的前沿和科学发展的总体趋势。</div>
    	   	 							<div>5.了解国家科学技术、知识产权等相关的政策和法规。</div>
    	   	 						</li>
    	   	 					</ul>
    	   	 				</div>	
    	   	 			</div>
    	   	 		</div>
    	   	 	</div>
    	   	 	<!--开设课程-->
    	   	 		<div class="pro_k_intr">
    	   	 		<div class="pro_k_intr_cont">
    	   	 			<div class="pro_k_top">
    	   	 				<i></i><span>开设课程</span>
    	   	 			</div>
    	   	 			<div class="pro_k_content">
    	   	 				<div class="pro_artic_k">
    	   	 				  <ul>
    	   	 				  	<li><span>量子场论</span></li>
    	   	 				  	<li><span>广义相对论</span></li>
    	   	 				  	<li><span>弦理论基础导论</span></li>
    	   	 				  	<li><span>粒子物理</span></li>
    	   	 				  	<li><span>固体物理与结构物性</span></li>
    	   	 				  	<li><span>高等量子力学</span></li>
    	   	 				  	<li><span>宇宙学前沿</span></li>
    	   	 				  	<li><span>近代光学</span></li>
    	   	 				  </ul>
    	   	 				</div>	
    	   	 			</div>
    	   	 		</div>
    	   	 	</div>
    	   	 	<!--对口职业-->
    	   	 	<div class="pro_k_intr">
    	   	 		<div class="pro_k_intr_cont">
    	   	 			<div class="pro_k_top">
    	   	 				<i></i><span>对口职业</span>
    	   	 			</div>
    	   	 			<div class="pro_k_content">
    	   	 				<div class="pro_artic_ocu">
    	   	 				 <ul>
    	   	 				 	<li>
    	   	 				 		<p><b>通信技术</b></p>
    	   	 				 		<div>通信过程中的信息处理和信号传输的原理和应用。本专业学习通信技术、通信系统和通信网等方面的知识，能在通信领域
    	   	 				 		中从事探究、设计、制造、运营以及再国民经济各部门和国防工业中开发、应用通信技术和设备。</div>
    	   	 				 	</li>
    	   	 				 	<li>
    	   	 				 		<p><b>电子电器</b></p>
    	   	 				 		<div>通信过程中的信息处理和信号传输的原理和应用。本专业学习通信技术、通信系统和通信网等方面的知识，能在通信领域
    	   	 				 		中从事探究、设计、制造、运营以及再国民经济各部门和国防工业中开发、应用通信技术和设备。</div>
    	   	 				 	</li>
    	   	 				 	<li>
    	   	 				 		<p><b>电子电器</b></p>
    	   	 				 		<div>通信过程中的信息处理和信号传输的原理和应用。本专业学习通信技术、通信系统和通信网等方面的知识，能在通信领域
    	   	 				 		中从事探究、设计、制造、运营以及再国民经济各部门和国防工业中开发、应用通信技术和设备。</div>
    	   	 				 	</li>
    	   	 				 	<li>
    	   	 				 		<p><b>电子电器</b></p>
    	   	 				 		<div>通信过程中的信息处理和信号传输的原理和应用。本专业学习通信技术、通信系统和通信网等方面的知识，能在通信领域
    	   	 				 		中从事探究、设计、制造、运营以及再国民经济各部门和国防工业中开发、应用通信技术和设备。</div>
    	   	 				 	</li>
    	   	 				 	<li>
    	   	 				 		<p><b>电子电器</b></p>
    	   	 				 		<div>通信过程中的信息处理和信号传输的原理和应用。本专业学习通信技术、通信系统和通信网等方面的知识，能在通信领域
    	   	 				 		中从事探究、设计、制造、运营以及再国民经济各部门和国防工业中开发、应用通信技术和设备。</div>
    	   	 				 	</li>
    	   	 				 	<li>
    	   	 				 		<p><b>电子电器</b></p>
    	   	 				 		<div>通信过程中的信息处理和信号传输的原理和应用。本专业学习通信技术、通信系统和通信网等方面的知识，能在通信领域
    	   	 				 		中从事探究、设计、制造、运营以及再国民经济各部门和国防工业中开发、应用通信技术和设备。</div>
    	   	 				 	</li>
    	   	 				 	
    	   	 				 	<li>
    	   	 				 		<p><b>教育</b></p>
    	   	 				 		<div>通信过程中的信息处理和信号传输的原理和应用。本专业学习通信技术、通信系统和通信网等方面的知识，能在通信领域
    	   	 				 		中从事探究、设计、制造、运营以及再国民经济各部门和国防工业中开发、应用通信技术和设备。</div>
    	   	 				 	</li>
    	   	 				 </ul>
    	   	 				</div>	
    	   	 			</div>
    	   	 		</div>
    	   	 	</div>
    	   	 	
    	   	 </div>
    	   	 <!--右边-->
    	   	 <div class="pro_k_right">
    	   	    <!--相关专业-->
    	   	   <div class="pro_k_intr">
    	   	 		<div class="pro_k_intr_cont">
    	   	 			<div class="pro_k_top">
    	   	 				<i></i><span>相关专业</span>
    	   	 			</div>
    	   	 			<div class="pro_k_content">
    	   	 				<div class="pro_artic_abk">
    	   	 				  <ul>
    	   	 				  	<li><img src="../assets/pcpro/ocu_03.jpg" alt="" /><span>应用物理学</span></li>
    	   	 				  	<li><img src="../assets/pcpro/ocu_03.jpg" alt="" /><span>应用物理学</span></li>
    	   	 				  	<li><img src="../assets/pcpro/ocu_03.jpg" alt="" /><span>应用物理学</span></li>
    	   	 				  </ul>
    	   	 				</div>	
    	   	 			</div>
    	   	 		</div>
    	   	 	</div>
    	   	    <!--男女比例-->
    	   	     <div class="pro_k_intr">
    	   	 		<div class="pro_k_intr_cont">
    	   	 			<div class="pro_k_top">
    	   	 				<i></i><span>男女比例</span>
    	   	 			</div>
    	   	 			<div class="pro_k_charts">
    	   	 			<!-- 内容 -->
    <m-echarts :echartStyle="s" :titleText="a" :tooltipFormatter="b" :opinion="c" :seriesName="d" :opinionData="e" v-on:currentEchartData="getEchartData"></m-echarts>
    	   	 			</div>
    	   	 		</div>
    	   	 	</div>
    	   	 	<!--往年报考情况-->
    	   	 	<div class="pro_k_intr">
    	   	 		<div class="pro_k_intr_cont">
    	   	 			<div class="pro_k_top">
    	   	 				<i></i><span>往年报考情况</span>
    	   	 			</div>
    	   	 			 <div class="pro_ck_bk">
    	   	 			 	  <div class="pro_bk_list">
    	   	 			 	  	<ul>
    	   	 			 	  		<li>
    	   	 			 	  			<div class="pro_bk_data">
    	   	 			 	  				<span class="pro_bk_data_left">2015年</span><span class="pro_bk_data_right">报考人数：3256</span>
    	   	 			 	  			       	<div class="progress_bk">
     								          <div class="progress_bar_bk"></div>
     					            	</div>
    	   	 			 	  			</div>
    	   	 			 	  		</li>
    	   	 			 	  			<li>
    	   	 			 	  			<div class="pro_bk_data">
    	   	 			 	  				<span class="pro_bk_data_left">2016年</span><span class="pro_bk_data_right">报考人数：3256</span>
    	   	 			 	  			       	<div class="progress_bk">
     								          <div class="progress_bar_bk"></div>
     					            	</div>
    	   	 			 	  			</div>
    	   	 			 	  		</li>
    	   	 			 	  		<li>
    	   	 			 	  			<div class="pro_bk_data">
    	   	 			 	  				<span class="pro_bk_data_left">2017年</span><span class="pro_bk_data_right">报考人数：3256</span>
    	   	 			 	  			       	<div class="progress_bk">
     								          <div class="progress_bar_bk"></div>
     					            	</div>
    	   	 			 	  			</div>
    	   	 			 	  		</li>
    	   	 			 	  	</ul>
    	   	 			 	  </div>
    	   	 			 </div>
    	   	 		</div>
    	   	 	</div>
    	   	 	<!--平台广告位-->
    	   	 	<div class="pro_k_intr">
     			<div class="ad_right_bk_top"><span>平台广告位</span><i></i></div>
     			<div class="ad_adver_bk">
     			<img src="../assets/professional/ad_03.jpg" alt="" />
     			<div class="ad_content" style="text-indent: 2em;">
     				 仅仅一周时间，20000名考生在“i思志
愿”找得到了适合自己的专业我们将做得更
好，更好的为全国高考学生服务，帮助高考
的学生们找到合适自己的专业，走上人生
正确的道路...
     			  </div>
     			</div>
     		</div>
    	   	 </div>
    	   </div>
    	 <!--底部轮播-->
    	 <fotnav></fotnav>
    	</div>
    </div>
  </div>
</template>

<script>
	import mEcharts from '../components/parecharts'
	import fotnav from '../components/fotlunbo'
//		import Test from "@/style/test.js" 
	export default{
		name:'pcprofes',
		data(){
			return{
				 down:true,  //大数据
			  top:false,   //大数据
			  onedown:true,  //测试测评
			  onetop:false,   //测试测评
			  towdown:true,  //智能志愿
			  towtop:false,  //智能志愿
			  bigDataPanel:false,  //大数据面板
			  proindex:1,   //专业介绍
			  timer:null,
			  bigDataList:[   //大数据内容
			   {name:'院校大全',index:1},
			   {name:'专业大全',index:2},
			 ],
			  a:'',
        b:'',
        c:['女生','男生'],
        d:'',
         e:[
            {value:3, name:'男生'},
            {value:7, name:'女生'},
          
          ],
        s: {
          height: '260px'
        },
			 //专业标题切换
			 proList:[
			  {name:'专业概况',src:require("../assets/pcpro/protop_06.jpg"),index:1},
			  {name:'开设院校',src:require("../assets/pcpro/protop_05.jpg"),index:2},
			  {name:'就业前景',src:require("../assets/pcpro/protop_07.jpg"),index:3},
			 ]
			}
		},
		created(){
      // 获取屏幕高度
//    this.s.height = document.documentElement.clientHeight - 44 + 'px';
    },
    //页面渲染完成挂载dom
    mounted(){
    	 
//      this.play()
//  
    },
		 components: {
      mEcharts,
      fotnav
      
    },
		   methods:{
		   	//男女学生比例
		   	 getEchartData(val){
        console.log(val);
      },


		   	//选择专业概况
		   	choseProlist:function(index){
		   		console.log(index)
		   		this.proindex = index
		   	},
         //大数据
			mouseenover:function(){
				this.down = !this.down;
				this.top = !this.top;
				this.bigDataPanel = !this.bigDataPanel;
			},
			//选择大数据
			choseData:function(name,index){
				console.log(name)
				this.bigDataPanel = true;
				this.down = false;
				this.top = true;
				if(index == 1){
					this.$router.push({
                    path:'/pc/pcSchool'
                })//pc端
				}
				else if(index == 2){
					this.$router.push({
                    path:'/pc/pcProfes'
                })//pc端
				}
			},
			//测试测评
			mouseenoverone:function(){
				this.onedown = !this.onedown;
				this.onetop = !this.onetop;
			},
			//智能志愿
			mouseenovertwo:function(){
				this.towdown = !this.towdown;
				this.towtop = !this.towtop;
			},
			//打开选择文理科面板
			choseList:function(){
				this.ulPanel = !this.ulPanel;
			},
		     //选择文理科
		     courseChose:function(name,index){
//		     	console.log(index,name)
		     	this.course = name;
		     },
		     //打开地址选择面板
		     addList:function(){
		     	this.addressPanel = !this.addressPanel;
		     },
		     //选择地址
		     choseAddress(name,index){
		     	console.log(name,index)
		     	this.adname = name;
		     	this.adindex = index;
		     }
                }
		
	}
</script>

<style>
	.pcprofes{overflow: hidden;position: relative;width:100%;}
	@media only screen and (min-width:1100px ) {
		
		.pre_banner{overflow: hidden;position:relative;width:100%;}
		.pre_dh_pc{width:1220px;margin:0 auto;overflow: hidden;position: relative;display: flex;display:-webkit-flex;}
		.dh_list_pro{width:55%;text-align: center;}
		.dh_list_pro .dh_ul{margin-top:40px;}
		.dh_list_pro li{float:left;text-align:center;margin-right:30px;list-style: none;cursor: pointer;color:#3a3a3a;position: relative;}
    .dh_list_pro li .down{margin-left:3px; width: 0;height: 0;display:inline-block;border-left: 8px solid transparent;
 border-right: 8px solid transparent;border-top: 7px solid #3a3a3a;border-top-right-radius:2px;border-top-left-radius:2px;}
     .dh_list_pro li .top{margin-left:3px; width: 0;height: 0;display:inline-block;border-left: 8px solid transparent;
 border-right: 8px solid transparent;border-bottom: 7px solid #3a3a3a;border-bottom-right-radius:2px;border-bottom-left-radius:2px;}
 .pro_sear{width:1220px;margin:0 auto;overflow: hidden;position: relative;}
 .search_dh_pro{width: 100%;height: 35px;overflow: hidden;line-height: 35px; border-bottom: 1px solid #bbbbbb;}
		.search_dh_pro li{float:left;font-size:14px;color:#9e9e9e;padding-right:5px;}
		.search_dh_pro li span a{color:#9e9e9e;}
		.search_dh_pro .dh_j{color:#444444;}
		.pro_back{width:100%;overflow: hidden;position: relative;}
		.pro_back img{width:100%;}
		.loating{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-right-radius:10px;
		border-top-left-radius:10px;background-color:#ffffff;position: absolute;right:20%;top:50%;margin-top:-150px;}
		.loat_top{width:100%;height:90px;background-color:#3A3A3A;border-top-right-radius:10px;	border-top-left-radius:10px;}
		.loat_top{line-height: 90px;text-align: center;color:#ffffff;}
		.loat_top span{display:inline-block;padding-right:20px;font-size:36px;}
		.loat_content{padding:30px 40px;overflow: hidden;}
		.loat_center{width:100%;overflow: hidden;position: relative;}
		.loat_one{position: relative;overflow: hidden;margin-bottom: 12px;padding-left:15px;padding-right:15px;}
		.loat_one li{float:left;border:1px solid #aeaeae;padding:8px 12px;border-top-right-radius:10px;	border-top-left-radius:10px;
		border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
		.loat_one li:nth-child(1){margin-right:12px;cursor: pointer;}
		.loat_one li span{color:#616161;}
		.loat_bt{margin-top:25px;overflow: hidden;position: relative;}
		.loat_bt li{padding-left:15px;padding-right:15px;padding-top:8px;padding-bottom:12px;cursor:pointer;float:left;border-top-right-radius:10px;	border-top-left-radius:10px;	
		border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
		.loat_bt img{width:25px;height:25px;position: relative;top:5px;}
		.loat_bt li:nth-child(1){background-color:#1f79df;margin-right:30px;}
		.loat_bt li:nth-child(1) span{font-size:18px;color:#ffffff;}
		.loat_bt li:nth-child(2){background-color:#ffb606;}
		.loat_bt li:nth-child(2) span{font-size:18px;color:#ffffff;}
		/*主要内容i*/
		.pro_top{width:100%;border-bottom:1px solid #dbdbdb;}
		.pro_top_title{margin:0 auto;overflow: hidden;position: relative;}
		.pro_top_center_title{width:1220px;margin:0 auto;overflow: hidden;position: relative;}
		.pro_top_title li{float:left;width:33.3%;height:40px;line-height:40px;text-align: center;color:#3a3a3a;font-size:14px;margin-top:40px;cursor: pointer;}
		.pro_top_title img{width:20px;height:20px;position: relative;top:5px;}
			.pro_top_title li span{display: inline-block;padding-left:5px;}
		.pro_top_title	.protop{border-bottom: 4px solid #ffb606;}
		.pro_lei{width:100%;overflow: hidden;position: relative;}
		.pro_k{width:1220px;margin:0 auto;padding-top:65px;display: flex;display: -webkit-flex;display:-moz-flex;}
		/*内容左边*/
		.pro_k_left{width:77%;display: inline-block;margin-right:30px;}
		.pro_k_intr{width:100%;border:1px solid #dad8d8;border-radius: 10px;margin-bottom: 30px;}
		.pro_k_intr_cont{margin-top:10px;overflow: hidden;position: relative;}
		.pro_k_top{height:30px;overflow: hidden;position: relative;}
		.pro_k_top span{font-size:20px;color:#3A3A3A;display: inline-block;padding-left:15px;}
		.pro_k_top i{display: inline-block;width:5px;height:30px;background-color:#ffb606;border-radius: 5px;position: absolute;
		left:0px;}
		.pro_k_content{padding-top:22px;padding-lefT:35px;padding-right:35px;}
		.pro_artic{font-size:14px;color:#3A3A3A;}
		.pro_artic p{margin-bottom: 13px;}
		.pro_artic div{margin-bottom: 13px;}
		.pro_artic_k{font-size:14px;color:#3A3A3A;padding-bottom: 40px;}
		.pro_artic_k li{float:left;margin-right:8px;}
		.pro_artic_ocu{font-size:14px;}
		.pro_artic_ocu p{margin-bottom: 13px;color:#101010;}
		.pro_artic_ocu div{margin-bottom: 13px;}
		.pro_k_right{width:23%;display: inline-block;;}
		.pro_artic_abk{font-size:14px;}
		.pro_artic_abk span{display: inline-block;padding-left:10px;}
		.pro_artic_abk img{position: relative;top:2px;}
		.pro_artic_abk li{margin-bottom: 20px;}
		.pro_k_charts{padding:25px 30px 20px 15px;}
		.pro_ck_bk{padding:30px 40px 30px 15px;}
		.pro_bk_data{overflow: hidden;position: relative;}
		.pro_bk_data .pro_bk_data_left{display: inline-block;font-size:14px;color:#3A3A3A;float:left;}
		.pro_bk_data .pro_bk_data_right{display: inline-block;font-size:14px;color:#cfcfcf;float:right;}
		.pro_bk_list li{margin-bottom: 18px;}
		/*进度条*/
		.pro_bk_list li:nth-child(1)  .progress_bk{margin-top:25px;width:100%;height:20px;border:1px solid #d9dce1;border-bottom-left-radius: 10px;border-top-left-radius: 10px;
	 border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
	  .pro_bk_list li:nth-child(1)  .progress_bar_bk{width:80%;height:20px;background-color:#ffb606;border-bottom-left-radius: 10px;border-top-left-radius: 10px;
	  border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
	  .pro_bk_list li:nth-child(2)  .progress_bk{margin-top:25px;width:100%;height:20px;border:1px solid #d9dce1;border-bottom-left-radius: 10px;border-top-left-radius: 10px;
	 border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
	  .pro_bk_list li:nth-child(2)  .progress_bar_bk{width:80%;height:20px;background-color:#e5229e;border-bottom-left-radius: 10px;border-top-left-radius: 10px;
	  border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
	  .pro_bk_list li:nth-child(3)  .progress_bk{margin-top:25px;width:100%;height:20px;border:1px solid #d9dce1;border-bottom-left-radius: 10px;border-top-left-radius: 10px;
	 border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
	  .pro_bk_list li:nth-child(3)  .progress_bar_bk{width:80%;height:20px;background-color:#1f79df;border-bottom-left-radius: 10px;border-top-left-radius: 10px;
	  border-top-right-radius: 10px;border-bottom-right-radius: 10px;}
	  /**/
	 .ad_adver_bk{
    padding-left: 10px;
    padding-right: 20px;}
    .ad_right_bk_top span{display: inline-block;padding-left:15px;}
     .ad_right_bk_top i{width:6px;height:27px;background-color:#ffb606;position: absolute;left:0;display: inline-block;}
    .ad_right_bk_top{padding-top: 20px;
    padding-bottom: 10px;font-size: 22px;color: #3a3a3a;position: relative;overflow: hidden;}
    /*底部轮播*/
    .fotnav{width:1220px;margin:0 auto;padding-top:55px;overflow: hidden;position: relative;}
    .fot_left{display: inline-block;margin-left:10px;position: relative;top:-60px;cursor: pointer;}
    .fot_right{display: inline-block;margin-left:10px;position: relative;top:-60px;cursor: pointer;}
    .fot_left img{width:30px;height:52px;display: inline-block;}
    .fot_left img{width:30px;height:52px;display: inline-block;}
    .fot_content{display: inline-block;overflow: hidden;position: relative;width:1110px;}
    .fot_content li{float:left;width:190px;height:190px;border:1px solid #dad8d8;border-radius: 10px;margin-right:25px;cursor: pointer;}
     .fot_content li:nth-child(1){margin-left:25px;}
   /*  .fot_content img{float:left;display: inline-block;width:190px;height:190px;border:1px solid #dad8d8;border-radius: 10px;margin-right:25px;cursor: pointer;}*/
     .fot_h{margin-bottom: 20px;}
     .fot_list{overflow: hidden;position: relative;width:130px;margin:0 auto}
     .fot_list li{float:left;width:15px;height:15px;border:1px solid #DAD8D8;border-radius: 50%;margin-right:8px;cursor: pointer;}
	
	}
</style>